<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例</title>
    <style>
       div {
           color: red;
       }
    </style>
</head>
<body>
<!--总-->
<div style="width: 1200px"height="600px" >

<!--上-->
<div style="width: 1200px"hight="450px">

<div style="width: 300px"height="450px">
    <img src="1.webp"width="300px"hight="150px">
</div>

<div style="float: right"width="300px"hight="450px">
    <img src="2.webp"width="300px"hight="150px">
</div>

    <div style="width: 300px"height="450px"></div>

    <div style="width: 300px"height="450px"></div>
</div>
    <!--下-->
    <div style="width: 1200px"height="150px">>

    <div style="width:300px "height="150px"></div>

    <div style="width: 300px"height="150px"></div>

    <div style="width: 300px"height="150px"></div>

    <div style="width: 300px"height="150px"></div>
    </div>
    <div></div>
</div>

</body>
</html>